<template>
  <div class="login">
    <div class="login-header">
      <el-menu
        :default-active="activeIndex"
        class="el-menu-navigation"
        mode="horizontal"
        :router="true">
<!--        短信登录-->
        <el-menu-item index="/login/sms_login" style="width: 50%;">
        短信快捷登录/注册
      </el-menu-item>
        <el-menu-item index="/login/username_login" style="width: 50%;">
        账号密码登录
      </el-menu-item>
      </el-menu>
    </div>
    <div class="login-view">
      <router-view/>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Login',
  data () {
    return {
      activeIndex: '/login/sms_login'
    }
  },
  created () {
    console.log(this.$store.state.user)
  }
}
</script>

<style scoped lang="less">
.login{
  width: 500px;
  height: 600px;
  margin: 0 auto;
  .login-header{
    margin: 0 auto;
  }
  .login-view{
    height: 500px;
    padding-top: 20px;
  }
}
</style>
